<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:comps="http://java.sun.com/jsf/composite/comps" 
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./../resources/templates/newTemplate.xhtml">

            <ui:define name="left">
                <comps:categoriesMenu />
            </ui:define>

            <ui:define name="principal">
                <div style="text-align: center" >
                    <h1>#{verCategoriaBean.nombreCategoria}</h1>
                </div>

                <p:outputPanel rendered="#{not empty verCategoriaBean.subcategorias}" >
                    <p:panel style="width:750px">
                        <b>Subcategorías:</b>
                        <br/><br/>
                        <h:form>
                            <ui:repeat value="#{verCategoriaBean.subcategorias}" var="sub" >
                                <h:link value="#{sub.nombre}" outcome="/vistas/verCategoria" >
                                    <f:param name="id" value="#{sub.id}" />
                                </h:link>
                                <br/>
                            </ui:repeat>
                        </h:form>
                    </p:panel>
                </p:outputPanel>

                <p:outputPanel rendered="#{not empty verCategoriaBean.model}" >
                    <div id="items" >
                        <h:form id="tableForm">

                            <p:dataTable id="grid" value="#{verCategoriaBean.model}" var="pub" 
                                         rows="10" paginator="true"
                                         emptyMessage="No hay ninguna publicacion dentro de la categoria seleccionada."
                                         paginatorPosition="bottom" paginatorAlwaysVisible="false"
                                         styleClass="itemsTable" >

                                <p:column>
                                    <comps:itemInfo var="#{pub}" bean="#{verCategoriaBean}"
                                                    property="publicacionSeleccionada" />
                                </p:column>

                            </p:dataTable>

                            <p:growl id="growl" globalOnly="true" showDetail="true" />
                        </h:form>
                    </div>
                </p:outputPanel>
                <p:outputPanel rendered="#{empty verCategoriaBean.model}" >
                    <p>No hay ningun producto en esta categoria.</p>
                </p:outputPanel>
                
            </ui:define>

        </ui:composition>

    </body>
</html>
